@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
.m-editRelation{
  width: 100%;
  background: $cbMainf5;
  .cSelf{
    width: 100%;
    padding: 0.5rem;
  }
  .cHeaderpic{
    width: $_60;
    height: $_60;
    //position: relative;
  }
  .relationContent {
    width: 100%;
    position: absolute;
    background: $cbMainf5;
    overflow-y: auto;
    height: calc(100% - #{$_195});
    top: $_150;
    .cRelationItem{
      width: 46%;
      height: $_80;
      background: #fff;
      margin: 0 0 $_10 $_10;
      .cRName{
        margin: 0.2rem 0;
      }
      .deleteRel{
        padding: $_1 $_8;
        border: $_1 solid #7f7f7f;
        border-radius: $_2;
        .delText{
          margin-left: $_3;
        }
      }

    }
    .cbaseInfo{
      height: 80%;
      margin-left: -0.5rem;
    }
  }
  .newRelation{
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    position: absolute;
    bottom: 0;
    border-top: $_1 solid $borderC;
  }

}


/*客户列表样式*/
/*模态框*/
.addRelation  .modal-content2{
  margin-bottom: 0 !important;
}
.relationMSize{
  width: 80%;
  .content{
    margin-top: 0.5rem;
  }
  .scrollable-content{
    width: 80%;
    margin: 0.5rem 0 1rem 0;
    .checkit{

    }
  }
  .btn_xl{
    margin: 0.5rem 0;
  }
}
.miniHeadPic{
  display: block;
  margin: 0 1rem 0 0.5rem;
}
.relations{
  max-height: $_400;
  overflow-y: auto;
  width: 80%;
  .selClientItem{
    height: $_50;
    .relaPic{
      width: $_30;
      height: $_30;
      margin-right: $_10;
    }
    .selClientItemDiv{
      width: 75%;
      margin-left: 1.5rem;
    }
  }
}
.relation_btn{
  height: 1.5rem;
  line-height: 1.5rem;



}
/*输入关系*/
.relInput{
  width: 100%;
  margin:0.5rem 0;
}

/*输入客户关系模态框的样式 可能与团队样式重合*/
.inputRela{
  .inputCtrl{
    width: 70% !important;
    .input_normal{
      width: 75% !important;
    }
  }
}
